doctype html
html
	head
		title Miaou
		meta(name="viewport",content="initial-scale=1,maximum-scale=1")
		link(id="favicon",rel="icon",type="image/png",href="static/M-32.png")
		link(rel='stylesheet', href='static/themes/'+theme+'/miaou.css')
		link(rel='stylesheet', href='static/pad.mob.css')
		script(src="static/jquery-2.1.3.min.js")
		script(src="static/socket.io.min.js")
		script#locals(type="Application/JSON") !{JSON.stringify(vars)}
		script(src="static/miaou.min.js")
		script(src="static/pad.mob.min.js")
	body#mpad.chat.mobile
		#mpad-top-tabs.mpad-tabs
			#mpad-tab-room.mpad-tab
				#roomname.mpad-tab-label ...
			#mpad-tab-notables.mpad-tab
				.mpad-tab-label.mpad-icon &#9733;
			#mpad-tab-search.mpad-tab
				.mpad-tab-label.fontello.mpad-icon &#xe830;
			#mpad-tab-watches.mpad-tab
				.mpad-tab-label.fontello#global-watch.mpad-icon &#xe82a;
		#mpad-page-write.mpad-page
			.mpad-row
				textarea#input
			.mpad-row
				.mpad-button#cancel-write Cancel
				.mpad-button#send Send
		#mpad-bottom-tabs.mpad-tabs
			#mpad-tab-users.mpad-tab
				.mpad-tab-label users
			#mpad-tab-menu.mpad-tab
				#Miaou-logo-wrapper.mpad-tab-label
					object.Miaou-logo#Miaou-logo(type="image/svg+xml",data="static/Miaou.svg")
			#mpad-tab-write.mpad-tab
				.mpad-tab-label write a message
		#messages
		#mpad-untabber
		#mpad-page-room.mpad-page
			#room-description.rendered
			.mpad-row
				.mpad-button#watch-button Watch
				.mpad-button#changeroom Change Room
		#mpad-page-search.mpad-page
			.mpad-row
				input#searchInput
				.mpad-button#search Search
			#search-results
		#mpad-page-notables.mpad-page
			#notable-messages
		#mpad-page-watches.mpad-page
			#watches
		#mpad-page-users.mpad-page
			#users
		#mpad-page-menu.mpad-page
			p You're connected as <span id=me></span>
			a.menu-item#menu-logout Log Out
			a.menu-item#menu-settings Settings
			a.menu-item#menu-help(href="help") Help
			a.menu-item#menu-home(href="rooms") Home
			

